@charset "UTF-8";

//分享小组件
.p-share h3{
  font-size: 12px;
  font-weight: normal;
}
.p-share li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-left: 8px;
}
.p-share li a {
  height: 30px;
}
.p-share li a:hover {
  backface-visibility: visible;
  transform-origin: center center;
  animation: canvas-rotate 0.5s 0s 1 ease normal none;
}
.p-share li a:after {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;

  background-image: sprite-url($icons);
}


.facebook {
  background-color: #4d6ca2;
}
.facebook a:after {
  background-position: sprite-position($icons,footer-facebook);
}

.twitter {
  background-color: #4ac3f0;
}
.twitter a:after{
  background-position: sprite-position($icons,footer-twitter);
}

.weibo {
  background-color: #d22b2a;
}
.weibo a:after {
  background-position: sprite-position($icons,footer-weibo);
}

.qq {
  background-color: #4ac3f0;
}
.qq a:after {
  background-position: sprite-position($icons,footer-qq);
}
